page {
  background: #F0EDF1;

  .Recordprocessing {
    height: auto;
    padding: 0rpx 24rpx 24rpx 24rpx;
 
    .historyList {
      background: rgba(255, 255, 255, 1);
      box-shadow: 0px 2rpx 10rpx 0rpx rgba(33, 114, 237, 0.15);
      border-radius: 8rpx;
      margin: 20rpx 0rpx;

      .historyList-w {
        padding: 30rpx 26rpx;
        box-sizing: border-box;
      }

      .historyList-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
      }

      .history-pad {
        padding: 41rpx 0rpx 0rpx 0rpx;
      }

      .history-flex-bet {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
      }

      .zm-padding {
        padding: 15rpx 0rpx 0rpx 0rpx;
      }

      .histroy-left {
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

      .histroy-right {
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

      .history-c-b {
        color: #2172ED;
      }

      .history-s-nomal {
        font-size: 26rpx;
      }

      .history-s-bg {
        font-size: 30rpx;
      }

      .history-c {
        color: #999999;
      }

      .history-black {
        color: #222222;
      }

      .history-red {
        color: #EF4545;
      }

      .size-padding {
        padding-left: 36rpx;

      }
    }
  }

}